<ul [ngClass]="{'tree': isRoot, 'tree-branch-children': !isRoot}">
  <li class="tree-branch" [ngClass]="{'tree-selected': item.__selected}" *ngFor="let item of data">
    <i class="icon-caret ace-icon" [ngClass]="[item.__spread?'tree-minus':'tree-plus']" (click)="queryData(item)"></i>&nbsp;
    <div class="tree-branch-header" (click)="selectData(item)">
      <span class="tree-branch-name"><span class="tree-label">{{item[title]}}</span></span>
    </div>
    <app-tree [data]="item[children]" [isRoot]="false" [title]="title" 
      (queryHandle)="sendQueryRequest($event)" (selectHandle)="sendSelectRequest($event)"></app-tree>
    <!-- 另一种样式 -->
    <!--
    <div class="tree-branch-header">
      <span class="tree-branch-name">
        <i class="icon-folder ace-icon" [ngClass]="[item.__spread?'tree-minus':'tree-plus']" (click)="queryData(item)"></i>
        <span class="tree-label" (click)="selectData(item)">{{item[title]}}</span>
      </span>
    </div>
    <app-tree [data]="item[children]" [isRoot]="false" [title]="title" 
      (queryHandle)="sendQueryRequest($event)" (selectHandle)="sendSelectRequest($event)"></app-tree> 
    -->
  </li>
</ul>
